﻿<%@ Page Title="Log In" Language="C#" AutoEventWireup="true" MasterPageFile="~/Account/Account.Master" CodeBehind="Login.aspx.cs" Inherits="JohnnySins.Account.Login" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:Panel runat="server" Visible="false" ID="pnlLoginError" CssClass="unable_box">
        <div class="unable_box_top"><h4>Unable to Log On</h4></div>
        <div class="unable_box_message">
            <span style="color:#FF0000; font-weight:bold;">The User ID or Password you entered is not correct.</span> 
            Please re enter your User ID and Password or Click "Forgot your User ID/Password?" to verify your identity and reagain access to your accounts.
        </div>
    </asp:Panel>
    <asp:Panel runat="server" Visible="false" ID="pnlParallelLogins" CssClass="unable_box">
        <div class="unable_box_top"><h4>Unable to Log On</h4></div>
        <div class="unable_box_message">
            <span style="color:#FF0000; font-weight:bold;">Please buy membership and use your own login.</span> 
        </div>
    </asp:Panel>

    <div class="login_area">
    	<h3 class="login_title"><img src="<%=BasePath%>images/login/lock_icon.png" align="absmiddle" alt="" /> Secure Log on</h3>
        
        <!--start login box-->
    	<div class="login_box">
        	<div class="login_box_content">
                <div class="login_box_logo">
                    <img class="img-responsive" src="<%=BasePath%>images/login/js_login_logo.png" alt="" title="JohnnySins" />
                </div>
                <div class="login_box_form">
                <form runat="server" class="form-horizontal">
                    <asp:Login ID="LoginUser" runat="server" EnableViewState="false" RenderOuterTable="false">
                        <LayoutTemplate>
                            <div class="form-group">
                              <label class="col-sm-3 control-label" for="inputName">Username</label>
                              <div class="col-sm-9">
                                <asp:TextBox ID="UserName" placeholder="Username" runat="server" CssClass="form-control"></asp:TextBox>
                              </div>
                            </div>
                            <div class="form-group">
                              <label class="col-sm-3 control-label" for="inputPassword3">Password</label>
                              <div class="col-sm-9">
                                <asp:TextBox ID="Password" placeholder="Password" runat="server" CssClass="form-control" TextMode="Password"></asp:TextBox>
                              </div>
                            </div>
                            <div class="form-group">
                              <div class="col-sm-offset-3 col-sm-9">
                                <div class="checkbox">
                                  <label>
                                    <asp:CheckBox ID="RememberMe" runat="server"/> Remember me
                                  </label>
                                </div>
                              </div>
                            </div>
                            <div class="form-group">
                              <div class="col-sm-offset-3 col-sm-3">
                                <asp:Button ID="LoginButton" runat="server" CommandName="Login" CssClass="btn btn-primary login_btn"  Text="Login" ValidationGroup="LoginUserValidationGroup"/>
                              </div>
                            </div>
                        </LayoutTemplate>
                    </asp:Login>
                </form>
                <!--<div class="forgot_password"><a href="">Forgot your username &amp; password?</a></div>-->
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <!--end login box-->
            	
    </div>
</asp:Content>
